*{
	margin:0;
	padding:0;
	list-style:none;
}
body{
	background-image: url('./images/1.jpg');
	background-repeat: no-repeat;
	background-position: 0px -68px;
	overflow: hidden;
	background-size:100%; 
}
.a2{
	width:400px;
	height:200px;
	position: absolute;
	background:url('./images/alert.jpg');
	background-size:100% 100%;
	border-radius:10px;
	left:760px;
	z-index:100;
	text-align:center;
	line-height:200px;
	/*color:red;*/
  	transform-origin: 100% 0%;
  	animation: qw 0.5s ease-in 1;
  	animation-fill-mode:forwards;
}
@keyframes qw {
	0%{
		transform: scale(1);
		line-height:0px;
	}
	20%{
		transform: scale(0.8);
		line-height:50px;
	}
	40%{
		transform: scale(0.6);
		line-height:100px;
	}
	60%{
		transform: scale(0.4);
		line-height:150px;
	}
	80%{
		transform: scale(0.2);
		line-height:200px;
	}
	100%{
		transform: scale(0);
		line-height:200px;
	}
}
.alert{
	width:400px;
	height:200px;
	position: absolute;
	background:url('./images/alert.jpg');
	background-size:100% 100%;
	border-radius:10px;
	left:760px;
	z-index:100;
	text-align:center;
	line-height:200px;
  	transform-origin: 0% 0%;
	animation: jb 0.5s ease-in 1;
}
@keyframes jb {
	0%{
		transform: scale(0);
		line-height:0px;
	}
	20%{
		transform: scale(0.2);
		line-height:50px;
	}
	40%{
		transform: scale(0.4);
		line-height:100px;
	}
	60%{
		transform: scale(0.6);
		line-height:150px;
	}
	80%{
		transform: scale(0.8);
		line-height:200px;
	}
	100%{
		transform: scale(1);
		line-height:200px;
	}
}
.flip{

}
.main{
	position: absolute;
	/*right:0px;*/
	animation: asd 0.5s ease-in 1;
}
@keyframes asd {
	0%{
		left:60px;
	}
	10%{
		left:120px;
	}
	20%{
		left:0px;
	}
	30%{
		left:-60px;
	}
	40%{
		left:-120px;
	}
	50%{
		left:0px;
	}
	60%{
		left:60px;
	}
	70%{
		left:120px;
	}
	80%{
		left:0px;
	}
	90%{
		left:-60px;
	}
	100%{
		left:-120px;
	}
}
/*------开扇------------------------*/
	.poker{
		width: 500px;
		height:500px;
		margin:0px auto;
		/*background:red; */
		position: absolute;
		left:710px;
		top:140px;
		opacity: 0;
		z-index: 10;

	}
	.quan{
		width: 98px;
		height:148px;
		position: absolute;
		left: 0;
		top: 0;
		right:0;
		bottom: 0;
		margin:auto; 
		/*background:green;*/
		z-index: 5;

	}
	.poker>ul{
		width: 98px;
		height:148px;
		position: absolute;
		z-index: 5;
	}
	.q2{
		left:51%;
		top:-21%;
		
	/*background: #000;*/
	}
	.q3{
		left:-26%;
		top:52%;
		z-index: 5;
		/*background:green;*/
	}
	.q4{
		left:51%;
		top:51%;
		z-index: 5;
		/*background: blue;*/
	}
	.q5{
		left:200px;
		top:175px;
		/*background: blue;*/
		z-index: 3;
	}
	.first{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100px;
		height:150px;
		background-image: url('4.jpg');
		border: 1px solid #fff;
		background-size: 100px 150px;
		background-repeat: no-repeat;
		transform: rotate(0deg);
		transform-origin:50% 200%;
	}
	.sho{
		position: absolute;
		z-index: 5;

	}
	/*------------------*/
/*------动画开始------------------------*/
.popup-container{
		position: absolute;
		z-index: 5;
	}
	 	.d1{position:relative; overflow: hidden;float: left;}
		 .d2{position:relative;overflow: hidden;float: left;}
		 .d3{position:relative;overflow: hidden;float: left;}
		 .d4{position:relative;overflow: hidden;float: left;}
		.dd1{
			width: 200%;height:100%;
			position: absolute;
			top:-100%;
		}
		.dd1>div{
			
			width: 50%;
			height:100%;
		}
		.dd2{
			width: 200%;height:100%;
			position: absolute;
			left:0%;
		}
		.dd2>div{
			float: left;
			width: 50%;
			height:100%;
		}
		.dd3{
			width: 200%;height:100%;
			position: absolute;
			left:-100%;
		}
		.dd3>div{
			float: right;
			width: 50%;
			height:100%;
		}
		.dd4{
			width: 200%;height:100%;
			position: absolute;
			top:0%;
		}
		.dd4>div{
		
			width: 50%;
			height:100%;
		}
		/* .d1_2,.d3_2{background:red;}
		 .d2_1,.d1_1{background:green;}
		 .d3_1,.d4_2{background:blue;}
		 .d4_1,.d2_2{background:#000;}*/
		 .d1_2{
		 	background-image: url('images/03.jpg');
		 	background-repeat: no-repeat;
		 	background-size: 200%;
		 	background-position: 0px -68px;
		 }
		 .d1_1{
		 	background-image: url('images/1.jpg');
		 	background-repeat: no-repeat;
		 	background-size: 200%;
		 	background-position: 0px -68px;
		 }
		 .d2_1{
		 	background-image: url('images/03.jpg');
		 	background-repeat: no-repeat;
		 	background-size: 200%;
		 	background-position: 0px 0px;
		 	/*background-position: -100% 0px;*/
		 }
		 .d2_2{
		 	background-image: url('images/1.jpg');
		 	background-repeat: no-repeat;
		 	background-size: 200%;
		 	background-position: 0px 0px;
		 }
		 .d3_1{
		 	background-image: url('images/03.jpg');
		 	background-repeat: no-repeat;
		 	background-size: 200%;
		 	background-position: 0px 0px;
		 }
		 .d3_2{
		 	background-image: url('images/1.jpg');
		 	background-repeat: no-repeat;
		 	background-size: 200%;
			 background-position: 0px 0px;
		 }
		 .d4_1{
		 	background-image: url('images/03.jpg');
		 	background-repeat: no-repeat;
		 	background-size: 200%;
		 	background-position: 0px 0px;
		 }
		 .d4_2{
		 	background-image: url('images/1.jpg');
		 	background-repeat: no-repeat;
		 	background-size: 200%;
		 	background-position: 0px 0px;
		 }
		 .ceng{
		 	width: 100%;
		 	height:100%;
		 	background-image: url('./images/1.jpg');
			background-repeat: no-repeat;
			background-size:100%;
			background-position: 0px -68px;
		 	position: absolute;
		 	/*opacity: 0.5;*/
		 	z-index: 3;
		 }
/*------动画结束------------------------*/
.yinghua{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url('images/04.gif') no-repeat;
	background-size:100%;
	z-index:-1;
}
.shade{
	width:100%;
	height:100%;
	position:absolute;
	background:#ccc;
	z-index:1000;
	display:none;
}
.shade>div{
	width:50%;
	height:50%;
	position:absolute;
}
.top_left,.bottom_left{
	left:0px;
}
.top_right,.bottom_right{
	right:0px;
}
.bottom_left,.bottom_right{
	bottom:0px;
}

.top{
	width:100%;
	height:150px;
	/*background:red;*/
	/*border:1px solid red;*/
	float:left;
	position: relative;
}
.bottom{
	width:100%;
	height:270px;
	
	/*border:1px solid red;*/
	float:left;
	position: relative;
}
.center{
	width:40%;
	height:530px;
	float:left;
	/*background:pink;*/
}
.left{
	width:30%;
	height:530px;
	float:left;
	/*background:blue;*/
	/*border:1px solid blue;*/
	position: relative;
}
.right{
	width:30%;
	height:530px;
	position:absolute;
	right:0px;
	top:150px;
	
}
.right_1{
	animation: qwe 0.5s ease-in 1;
}

@keyframes qwe {
	0%{
		right:-60px;
	}
	10%{
		right:-120px;
	}
	20%{
		right:0px;
	}
	30%{
		right:60px;
	}
	40%{
		right:120px;
	}
	50%{
		right:0px;
	}
	60%{
		right:-60px;
	}
	70%{
		right:-120px;
	}
	80%{
		right:0px;
	}
	90%{
		right:60px;
	}
	100%{
		right:120px;
	}
}
.player2_poker{
	width:1000px;
	height:200px;
	/*background:red;*/
	position: relative;
	margin:70px auto 0;

}
.player2_portrait{
	width:125px;
	height:150px;
	background:pink;
	border-radius:10px;
	/*display:inline-block;*/
	position:absolute;
	left:250px;
	top:60px;
	background: url('portrait2.jpg');
	background-size:125px 150px;
	background-repeat:no-repeat;
}
.player1_poker{
	width:200px;
	height:100%;
	/*background:red;*/
	float:right;
	margin: 0 175px 0 0;
	position: relative;
	left:70px;
}
.player3_poker{
	width:200px;
	height:100%;
	/*background:red;*/
	float:left;
	position: relative;
	margin: 0 0px 0 175px;
	/*top:0px;*/
}
.player1_portrait{
	width:125px;
	height:150px;
	background:pink;
	border-radius:10px;
	/*display:inline-block;*/
	position:absolute;
	left:70px;
	top:175px;
	background: url('portrait1.jpg');
	background-size:125px 150px;
	background-repeat:no-repeat;
}
.player3_portrait{
	width:125px;
	height:150px;
	background:pink;
	border-radius:10px;
	/*display:inline-block;*/
	position:absolute;
	right:70px;
	top:175px;
	background: url('portrait4.jpg') -45px 0px;
	background-size:223px 150px;
	background-repeat:no-repeat;
}
.three_poker{
	width:500px;
	height:100%;
	/*background:yellow;*/
	float: right;
	margin: 0px 300px 0px 0px;
	position: relative;
}
.three_poker li{
	position: absolute;
	left:0px;
	top:0px;
}
.top>.score{
	width:400px;
	height:100%;
	/*background:orange;*/
	float: right;
}
.mid_top{
	width: 100%;
	height: 200px;
	/*border: 1px solid black;*/
	float: left;
	margin: 165px 0 0 0;
}
/* .waive_poker{
	width: 200px;
	height: 100px;
	background: blue;
} */
.all_poker{
	width:100px;
	height:150px;
	/*background:black;*/
	/*border:1px #FFF solid;*/
	margin:0 auto;
	position: relative;
}
.all_poker li{
	position: absolute;
	border:1px solid #fff;
	/*border-bottom:1px solid black;*/
}
.back {
		width:98px;
		height: 148px;
		background: url('4.jpg');
		background-size:100px 150px;
		background-repeat:no-repeat;
		position: absolute;
	}
/*.player1_poker li{
	left:70px;
}*/

.player1_poker li,.player2_poker li,.player3_poker li,.three_poker li{
	position: absolute;
	width: 100px;
	height: 150px;
}
/**右上角积分开始**/
.top>.score{
	width:400px;
	height:100%;
	background:#72391E;
	float: right;
	border-radius: 0px 0px 0px 20px;
	
}
.score_1{
	animation: qwe 0.5s ease-in 1;
}
@keyframes qwe {
	0%{
		margin:0px -60px 0px 0px;
	}
	10%{
		margin:0px -120px 0px 0px;
	}
	20%{
		margin:0px 0px 0px 0px;
	}
	30%{
		margin:0px 60px 0px 0px;
	}
	40%{
		margin:0px 120px 0px 0px;
	}
	50%{
		margin:0px 0px 0px 0px;
	}
	60%{
		margin:0px -60px 0px 0px;
	}
	70%{
		margin:0px -120px 0px 0px;
	}
	80%{
		margin:0px 0px 0px 0px;
	}
	90%{
		margin:0px 60px 0px 0px;
	}
	100%{
		margin:0px -120px 0px 0px;
	}
}
.score>ul{
	width:100%;
	height:100%;
}
.score>ul>li{
	width:100%;
	height:20%;
	line-height:30px;
}
.score>ul>li>span{
	color:#A07023;
	margin:0 0 0 20px;
	font-weight:bold;
}
.score>ul>li:first-of-type span{
	margin:0 0 0 120px;
}
.score>ul>li input{
	width:70px;
	height:20px;
	margin:0px 50px 0px 26px;
	text-align:center;
	background:#452010;
	border:none;
	color:#A07023;
	font-weight:bold;
}
.score>ul>li i{
	display:inline-block;
	width:300px;
	height:36px;
	background:#452010;
	margin:0px 0px 0px 22px;
}


/**右上角积分结束**/
.left_button{
	text-align:center;
	width:70px;
	height:150px;
	float:right;
	position: absolute;
	margin:190px 0px 0px 420px;
	display:none;
}
.right_button{
	text-align:center;
	width:70px;
	height:150px;
	margin:190px 0px 0px -310px;
	float:left;
	display:none;
}
.bottom_button{
	text-align:center;
	width:17%;
	height:70px;
	margin:-270px 0px 0px 814px;
	display:none;	
}
.left input{
	width:65px;
	height:35px;
	/*position: absolute;*/
	border-radius: 50px;
	border:none;
	background:url("13.png") no-repeat -35px -27px;
	background-size:343px 140px;
	line-height:18px;
	font-size:15px;
	/*padding-bottom:4px;*/
	text-align:center;
	color:blue;
	outline:none;
	cursor:pointer;
	margin:0 0 40px 0;
}
.right input{
	width:65px;
	height:35px;
	/*position: absolute;*/
	border-radius: 50px;
	border:none;
	background:url("13.png") no-repeat -35px -27px;
	background-size:343px 140px;
	line-height:18px;
	font-size:15px;
	/*padding-bottom:4px;*/
	text-align:center;
	color:blue;
	outline:none;
	cursor:pointer;
	margin:0 0 40px 0;
}
.bottom input{
	width:65px;
	height:35px;
	/*position: absolute;*/
	text-align:center;
	border-radius: 50px;
	border:none;
	background:url("13.png") no-repeat -35px -27px;
	background-size:343px 140px;
	line-height:18px;
	font-size:15px;
	/*padding-bottom:4px;*/
	color:blue;
	outline:none;
	cursor:pointer;
	margin:0 32px 0px 0;
}
.left input:hover{
	background:url("13.png") no-repeat -135px -26px;
	background-size:343px 140px;
}
.right input:hover{
	background:url("13.png") no-repeat -135px -26px;
	background-size:343px 140px;
}
.bottom input:hover{
	background:url("13.png") no-repeat -135px -26px;
	background-size:343px 140px;
}
.name{
	width:70px;
	height:70px;
	display:block;
	/*background:red;*/
	color:red;
	font-size:18px;
	text-align:center;
	line-height:30px;
	border-radius:10px;
}
.left .name{
	position: absolute;
	top:335px;
	left:95px;
}
.right .name{
	position: absolute;
	top:335px;
	left:400px;
}
.bottom .name{
	position: absolute;
	top:85px;
	left:125px;
}
.play_event{
	width:80px;
	height:265px;
	position: absolute;
	
}
.left_play_event{
	left:410px;
	top:120px;
	display:none;
}
.left_play_event .button{
	margin:0px 33px 40px 0px;
}
.bottom_play_event{
	width:400px;
	height:50px;
	left:780px;
	top:0px;
	display:none;
}
.bottom_play_event .button{
	margin:0px 30px 0px 0px;
}
.right_play_event{
	/*width:80px*/;
	right:420px;
	top:120px;
	display:none;
}
.right_play_event .button{
	margin:0px 33px 40px 0px;
}

.left .mingpai{
	position: absolute;
	left:120px;
	top:50px;
	text-align:center;
	line-height:30px;
}
.bottom .mingpai{
	position: absolute;
	left:120px;
	top:20px;
	text-align:center;
	line-height:30px;
}
.right .mingpai{
	position: absolute;
	right:120px;
	top:50px;
	text-align:center;
	line-height:30px;
}

.frame{
	width:100%;
	height:100%;
	background:black;
	position:absolute;
	opacity:0;
}
/**结束动画开始**/
.over{
	width:100%;
	height:100%;
	position:absolute;
	top:-100%;
	z-index:100;
}
.over_2>img{
	width:500px;
	height:300px;
	position:absolute;
	left:730px;
	top:30%;
	border-radius:20px;
	
}
.over_1{
	top:0%;
}
.conceal{
	width:100%;
	height:100%;
	background:black;
	opacity:0.8;
	position:absolute;
	animation: runn 1s ease-in 1;
}
.button_container .clock{
	background:url("time.jpg") -3px -6px;
	background-repeat:no-repeat;
	background-size:56px 80px;
	width:50px;
	height:50px;
	font-size:20px;
}
.button_container .clock:hover{
	background:url("time.jpg") -3px -6px;
	background-repeat:no-repeat;
	background-size:56px 80px;
	width:50px;
	height:50px;
	font-size:20px;
}
.play_event .clock{
	background:url("time.jpg") -3px -6px;
	background-repeat:no-repeat;
	background-size:56px 80px;
	width:50px;
	height:50px;
	font-size:20px;
}
.play_event .clock:hover{
	background:url("time.jpg") -3px -6px;
	background-repeat:no-repeat;
	background-size:56px 80px;
	width:50px;
	height:50px;
	font-size:20px;
}
@keyframes runn {
	0%{
		top:-100%;
	}
	50%{
		top:0%;
	}
	70%{
		top:-10%;
	}
	80%{
		top:0%;
	}
	90%{
		top:-5%;
	}
	100%{
		top:0%;
	}
}
.count{
	width:500px;
	height:300px;
	position:absolute;
	left:730px;
	top:30%;
	/*display:none;*/
	z-index:101;
	transform-origin:65% 50%;
	animation: run 3s ease-in 1;
}
@keyframes run {
	0%{
		top:-100%;
		transform:rotate(0deg);
	}
	10%{
		top:-100%;
		transform:rotate(0deg);
	}
	20%{
		top:-100%;
		transform:rotate(0deg);
	}
	30%{
		top:-100%;
		transform:rotate(0deg);
	}
	40%{
		top:-100%;
		transform:rotate(0deg);
	}
	50%{
		top:-100%;
		transform:rotate(0deg);
	}
	80%{
		top:-100%;
		transform:rotate(0deg);
	}
	85%{
		top:30%;
		transform:rotate(20deg);
	}
	90%{
		top:20%;
		transform:rotate(-20deg);
	}
	95%{
		top:25%;
		transform:rotate(20deg);
	}
	100%{
		top:30%;
		transform:rotate(0deg);
	}
}
.count>ul{
	width:100%;
	height:100%;
	background:#72391E;
	border-radius:20px;
}
.count>ul>li{
	width:100%;
	
}
.count>ul>li:first-of-type{
	width:100%;
	height:60px;
	position: relative;
}
.count>ul>li:first-of-type input{
	width:100px;
	height:30px;
	line-height:30px;
	font-size:26px;
	font-weight:bold;
	text-align:center;
	position:absolute;
	left:200px;
	top:15px;
	border:none;
	background:#72391E;
	color:#F5E3A1;
}
.multiple{
	width:100%;
	height:60px;
}
.multiple>li{
	width:100px;
	height:20px;
	float:left;
	font-size:17px;
	margin:6px 0px 0px 52px;
	color:#D39272;
}
.multiple>li>span{
	width:42px;
	height:100%;
	display:inline-block;
	text-align:center;
}
.integral{
	width:80%;
	height:100px;
	background:#452010;
	margin:0 auto;
}
.integral>li{
	height:33px;
	line-height:33px;
}
.integral>li>span{
	width:130px;
	display:inline-block;
	text-align:center;
	color:#A07F40;
	font-weight:bold;
}
.count_button{
	height:70px;

}
.count_button>input{
	width:100px;
	height:30px;
	border:none;
	font-weight:bold;
	font-size:17px;
	background:#E09A2B;
	color:#8C560C;
	border-radius:4px;
	margin:28px 0 0 92px;
	outline:none;
}
.count_button>input:hover{
	background:#8C560C;
	color:#E09A2B;
}

/**结束动画结束时**/

/*--出牌炸弹特效---------------------*/
.boom{
	width: 100%;
	height:100%;
	position: absolute;
	z-index: -1;
	background: url('./images/05.gif') no-repeat;
	background-size: 100%;
}
.boss{
	width: 100%;
	height:100%;
	position: absolute;
	z-index: -1;
	background: url('./images/001.gif') no-repeat;
	background-size: 100%;
}
.bjj{
	width: 200px;
	height:40px;
	left:45%;
	top:180px;
	position: absolute;
	z-index: -1;
	background: url('./images/01.gif') no-repeat;
	background-size: 100%;
	text-align: center;
	line-height: 40px;
	color: #000;
	font-size:20px; 
	font-weight: bold;
}
.sz{
	width: 60%;
	height:200px;
	position: absolute;
	left:400px;
	top:400px;
	z-index: -1;
	overflow: hidden;
	/*background: red;*/
}
.sz>img{
	width: 360px;
	margin-left:100%;
}

/*--出牌炸弹特效结束---------------------*/
/**警报开始**/
.alarm{
	width:40px;
	height:40px;
	/*background:red;*/
	position: absolute;
	background:url(003.gif);
	background-size:40px 40px;
	/*display:none;*/
}
.left_alarm{
	left:110px;
	top:120px;
}
.right_alarm{
	right:110px;
	top:120px;
}
.bottom_alarm{
	left:65px;
	top:110px;
}
/**警报结束**/
@media screen and (max-width: 1386px){
.player2_poker {
    width:550px;
    height: 150px;
    margin: 70px 0px 0px 220px;
}
.player2_poker li{
    width:80px;
	height: 120px;
	background-size: 80px 120px;
}
.player1_poker {
    width:150px;
}
.player3_poker {
    width:150px;
    margin: 0 0px 0 165px;
}	
.player2_portrait {
    left: 310px;
    width: 100px;
	height: 125px;
	background-size:100px 125px; 
}
.center{
	width: 39%;
	height: 350px;
}
.top{
	height: 100px;
}
.left{
	height:350px;
}
.right{
	height: 350px;
	top: 100px;
}
.bottom{
	height: 240px;
}
.player1_portrait{
	left: 0px;
	width: 100px;
	height: 125px;
	background-size:100px 125px; 
	top: 110px;
}
.player3_portrait{
	right: 0px;
	width: 100px;
	height: 125px;
	background-size:200px 125px; 
	top: 110px;
}
.three_poker{
	margin: 0px 110px 0px 0px;
}
.back{
	width:80px;
	height: 120px;
	background-size: 80px 120px;
}
.top>.score{
	width: 300px;
}
.score>ul>li i{
	width: 200px;
	margin: 0px 0px 0px 20px;
	height: 25px;
}
.score>ul>li{
	line-height: 20px;
}
.score>ul>li input{
	width: 50px;
	margin: 0px 20px 0px 26px
}
.score>ul>li:first-of-type span{
	    margin: 0 -46px 0 110px
}
.mid_top{
	margin: 100px 0 0 0;
}
.left .mingpai{
	left: 30px;
}
.right .mingpai{
	right: 30px;
}
.bottom .mingpai{
	left: 330px;
}
.left input {
    width: 60px;
    height: 30px;
    background: url(13.png) no-repeat -33px -25px;
    background-size: 320px 125px;
    margin: 0 0 20px 0;
}
.bottom input {
    width: 60px;
    height: 30px;
    background: url(13.png) no-repeat -33px -25px;
    background-size: 320px 125px;
    margin: 0px 3px 0px 0px;
}
.right input {
    width: 60px;
    height: 30px;
    background: url(13.png) no-repeat -33px -25px;
    background-size: 320px 125px;
    margin: 0 0 20px 0;
}
.left input:hover{
	background: url(13.png) no-repeat -126px -24px;
    background-size: 320px 125px;
}
.right input:hover{
	background: url(13.png) no-repeat -126px -24px;
    background-size: 320px 125px;
}
.bottom input:hover{
	background: url(13.png) no-repeat -126px -24px;
    background-size: 320px 125px;
}
.left_alarm{
	width: 40px;
    height: 40px;
    background-size: 40px 40px;
    left: 110px;
    top: 150px;
}
.right_alarm{
	width: 40px;
    height: 40px;
    background-size: 40px 40px;
    right: 110px;
    top: 150px;
}
.bottom_alarm{
	width: 40px;
    height: 40px;
    background-size: 40px 40px;
	left: 130px;
	top: 140px
} 
.bottom_button{
	margin: -210px 0px 0px 590px;
}   
.right_button{
	margin: 120px 0px 0px -260px;
}
.left_button{
	margin: 115px 0px 0px 280px;
}
.bottom_play_event .button{
	margin: 0px 4px 0px 0px;
}
.bottom_play_event{
	left: 580px;
}
.left_play_event .button{
	margin: 0px 20px 20px 0px;
}
.left_play_event{
	left: 280px;
}
.right_play_event .button{
	margin: 0px 33px 20px 0px;
}
.right_play_event{
	right: 280px;
}
.left .name{
	top: 260px;
    left: 10px
}
.bottom .name{
	left: 210px;
	top:115px;
}
.right .name{
	top: 260px;
    left: 330px;
}
.sz{
	width: 45%;
	top: 290px;
}
.poker{
	width:300px;
	height:300px;
	left:510px;
}
.first{
	width:80px;
	height:120px;
	background-size: 80px 120px;
	transform-origin:50% 150%;
}
.poker>ul{
	width: 80px;
	height:120px;
	position: absolute;
	z-index: 5;
}
.q2{
	left:55%;
	top:-36%;
}
.q3{
	left:-75%;
	top:57%;
}
.q4{
	left:55%;
	top:57%;
}
.q5{
	left:117px;
	top:60px;
}
.d1_2{
	background-position: 0px -48px;
}
.d1_1{
	background-position: 0px -48px;
}
.bjj{
	left:43%;
	top:150px;
}
.count{
	left: 460px;
    top: 20%;
}
.conceal img{
	left: 460px;
    top: 20%;
}
.a2{
	left: 500px;
}
.alert{
	left: 500px;
}
}